.childPage{
  overflow: hidden;
  .left{
    width: 240px;
    height: 100%;
    float: left;
    background-color: #FFF;
    margin-right: 12px;
    padding: 10px;
    border-radius: 8px;
    :deep(.el-tree){
      cursor: pointer;
      background-color: transparent;
      --el-tree-node-hover-bg-color: transparent;
      .el-tree-node{
        background-color: transparent !important;
        &.is-expanded{
          &:hover{
            background-color: transparent !important;
          }
        }
        &.is-checked{
          >.el-tree-node__content{
            background-color: #409eff !important;
            color: #FFF !important;
            &:hover{
              background-color: #409eff !important;
              color: #409eff;
            }
          }
        }
        .el-tree-node__content{
          width: 100%;
          height: 40px;
          line-height: 40px;
          padding: 0 20px;
          color: #333;
          &:hover{
            background-color: transparent !important;
            color: #409eff;
          }
        }
      }
    }
  }
  .right{
    width: calc(100% - 240px - 12px);
    height: 100%;
    float: right;
  }
}